<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				padding: 0;
				margin: 0;
			}
			div{
				width:100px;
				height:100px;
				background: pink;
				border: 1px solid red;
				margin-bottom: 20px;
			}
		</style>
		<script type="text/javascript" src="js/jquery-1.11.1.min.js" ></script>
		<script type="text/javascript">
			$(function(){
				$("input").click(function(){
					$(".box1").animate({width:200,height:250},2000,function(){
						alert("动画执行完，再执行匿名函数（回调函数）")
					});
				});
			})
		</script>
	</head>
	<body>
		<input type="button" value="点我" />
		<div class="box1"></div>
	</body>
</html>
